<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/base/main/pubInclude.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta charset="utf-8">
	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
	<title>联系人</title>
	<script type="text/javascript" src="${el:getWebRootPath()}/resource/js/sea.js?v=${el:getVersion()}"></script>
	<link type="text/css" rel="stylesheet" href="${el:getWebRootPath()}/oa/email/css/contacts.css?v=${el:getVersion()}">
</head>
<body class="easyui-layout" style="margin: 0;padding: 0;font-size:12px;">
	<div data-options="region:'north',border:false,height:'auto'" style="width:100%;background: transparent;">
		<form id="searchform">
			<div class="tabseach clear">
		      <div class="groundform clear">
		            <label>姓名：</label>
		            <div class="inputWidth">
		                 <input class="easyui-textbox"  name="contactsName" data-options="prompt:'请输入姓名'">
		           </div>
		      </div>
		      <div class="groundform clear">
		            <label>邮箱：</label>
		            <div class="inputWidth">
		                 <input class="easyui-textbox"  name="contactsMail" data-options="prompt:'请输入邮箱'">
		           </div>
		      </div>
	          <input name="groupId" type="hidden" id="searchGroup"/>
			</div>
		</form>
	</div>
	<div data-options="region:'west',split:false,border:false,width:200" class="marginTop" style="background:transparent;">
		<div id="grouplist" style="border: 1px solid rgb(215, 227, 251);height: 100%;margin-right: 7px;">
			<ul class="group-tree">
				<li class="tree-item-top">
					<div class="tree-item-label">
						<span>联系组</span>
						<span id="treeAddGroup" style="float: right;margin-right: 20px;color:#1E8CFB;">新建组</span>
					</div>
				</li>
			</ul>
			<ul class="group-tree" id="groupTreeBody" style="margin-top: 0;">
			</ul>
		</div>
	</div> 
	<div data-options="region:'center',split:false,border:false" class="marginTop" style="background: transparent;">
		<table id="dg"></table>
	</div>
	<div id="adddlg" class="easyui-dialog" title="" style="width:450px;height:500px;overflow-y:auto;" data-options="iconCls:'icon-save',resizable:false,modal:true,closed:true">
	</div>
	<div id="addGroupdlg" class="easyui-dialog" title="" style="width:450px;height:200px;overflow-y:auto;" data-options="iconCls:'icon-save',resizable:false,modal:true,closed:true">
		<form id="addGroupform" method="post">
			<table cellpadding="5" style='width:100%;'>
				<tr>
					<td class='key'><span>*</span>组名:</td>
					<td>
						<input class="easyui-textbox" type="text" id="addGroupName" name="groupName" data-options="prompt:'请输入组名',required:true,validType:'maxlength[100]'">
					</td>
				</tr>
			</table>
		</form>
	</div>
	<div id="updateGroupdlg" class="easyui-dialog" title="" style="width:450px;height:200px;overflow-y:auto;" data-options="iconCls:'icon-save',resizable:false,modal:true,closed:true">
		<form id="updateGroupform" method="post">
			<table cellpadding="5" style='width:100%;'>
				<tr>
					<td class='key'><span>*</span>组名:</td>
					<td>
						<input class="easyui-textbox" type="text" id="groupName" name="groupName" data-options="prompt:'请输入组名',required:true,validType:'maxlength[100]'">
						<input name="groupId" type="hidden" id="groupId"/>
					</td>
				</tr>
			</table>
		</form>
	</div>
	<div id="addEmaildlg" class="easyui-dialog" title="" style="width:450px;height:200px;overflow-y:auto;" data-options="iconCls:'icon-save',resizable:false,modal:true,closed:true">
	</div>

<script src="https://s22.cnzz.com/z_stat.php?id=1273039621&web_id=1273039621" language="JavaScript"></script>
</body>
<script>
	seajs.use("oa/email/js/contacts",function(app){
		app.init();
	});
</script>
</html>